<template>
  <div class="cloud">
    <van-sticky>
      <van-nav-bar
        title="心理云平台"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </van-sticky>
    <div class="content">
      <img v-for="img in list" :key="img" :src="img" alt="" />
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import jpg1 from './img/01.jpg'
import jpg2 from './img/02.jpg'
import jpg3 from './img/03.jpg'
import jpg4 from './img/04.jpg'
import jpg5 from './img/05.jpg'
import jpg6 from './img/06.jpg'
import jpg7 from './img/07.jpg'
import jpg8 from './img/08.jpg'
import jpg9 from './img/09.jpg'
import jpg10 from './img/10.jpg'
import jpg11 from './img/11.jpg'
import jpg12 from './img/12.jpg'
import jpg13 from './img/13.jpg'
import jpg14 from './img/14.jpg'
import jpg15 from './img/15.jpg'
import jpg16 from './img/16.jpg'

export default defineComponent({
  setup() {
    const list = [
      jpg1,
      jpg2,
      jpg3,
      jpg4,
      jpg5,
      jpg6,
      jpg7,
      jpg8,
      jpg9,
      jpg10,
      jpg11,
      jpg12,
      jpg13,
      jpg14,
      jpg15,
      jpg16,
    ]
    return {
      onClickLeft() {
        history.back()
      },
      list,
    }
  },
})
</script>

<style lang="less" scoped>
.cloud {
  .content {
    padding-bottom: 60px;
  }

  img {
    width: 100%;
  }
}
</style>
